<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="Description" content="ARCHIVE"/>
		<meta name="Keywords" content="ARCHIVE"/>
		<meta name="render" content="webkit"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>archive</title>
		<link rel="shortcut icon" href=""/>
		<link href="//cdn.bootcss.com/normalize/5.0.0/normalize.min.css" rel="stylesheet">
		<link rel="stylesheet" href="vendor/font-awesome-4.6.3/css/font-awesome.min.css" />
		<!--<link rel='stylesheet' id='javin-font-css'  href='http://static.jiawin.com/wp-content/themes/jiawin/css/font-awesome.min.css?ver=1463202082' type='text/css' media='all' />-->
		<link rel="stylesheet" href="dist/core.css" />
		<script src="vendor/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="vendor/lazyload-js.js" type="text/javascript" charset="utf-8"></script>
		<!--[if lt IE 9]>
			<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
			<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<header class="common-header">
			<div class="wrapper">
				<div class="common-header-topbar">
					<a href="" class="common-header-topbar-logo">
						<img class="lazy" src="img/about/07-02_03.png" data-original="img/about/07-02_03.png"/>
					</a>
					<div class="common-header-topbar-link clearfix">
						<i class="fa fa-twitter"></i>
						<i class="fa fa-facebook-f"></i>
						<i class="fa fa-rss"></i>
					</div>
				</div>
				<div class="common-header-site clearfix">					
					<ul class="about-nav">
						<li><a href="home.html">HOME</a></li>
						<li><a href="portfolio.html">PORTFOLIO</a></li>
						<li><a href="about.html">ABOUT</a></li>
						<li><a href="service.html">SERVICES</a></li>
						<li><a href="archive.html" class="about-nav-active">ARCHIVE</a></li>
						<li><a href="blog.html">BLOG</a></li>
						<li><a href="blog-detail.html">OTHER PAGES</a></li>
						<li><a href="contact-us.html">CONTACT US</a></li>
					</ul>
					<i class="fa fa-search"></i>
				</div>
				<div class="common-header-nav-bar">
					<i class="fa fa-bars" id="navbar"></i>
					<i class="fa fa-user"></i>
					<p><a href="#"><img src="img/index/07-02_03.png" alt="" /></a></p>
				</div>
				<ul class="common-header-hide-nav" id="hidenav">
					<li><a href="home.html" class="about-nav-active">HOME</a></li>
					<li><a href="portfolio.html">PORTFOLIO</a></li>
					<li><a href="about.html" >ABOUT</a></li>
					<li><a href="service.html">SERVICES</a></li>
					<li><a href="ARCHIVE.html">ARCHIVE</a></li>
					<li><a href="blog.html">BLOG</a></li>
					<li><a href="blog-detail.html">OTHER PAGES</a></li>
					<li><a href="contact-us.html">CONTACT US</a></li>
				</ul>
			</div>
			<div class="title">
				<div class="wrapper">
					<h1>ARCHIVE</h1>
				</div>
			</div>
		</header>		
		<section class="archive-container">
			<div class="container-inner clearfix">
				<section class="inner-content-left">
					<p data-scroll-reveal="enter left and move 50px over 0.33s">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent justo ligula, interdum ut lobortis quis, interdum vitae metus. Proin fringilla metus non nulla cursus, sit amet rutrum est pretium.</p>
					<dl class="content-left-part">
						<dt data-scroll-reveal="enter left and move 50px over 0.43s">Last 20 Posts</dt>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 0.5s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>New Premium WordPress Theme - Blaco</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 0.7s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Top Web Trends of 2013</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 0.8s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Video Post Example</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 0.9s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>How Important is Twitter</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 0.9s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Home Builders New Planning Solution</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 1s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Slideshow Post Example</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 1.1s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Design Trends</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 1.2s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>New Photography By David</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 1.3s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Poetry in Web Design</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 1.4s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Deliver WordPress Theme</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 1.5s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Smashing Typography Examples</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 1.6s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Typical Day of a Designer</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 1.7s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Flat Web Designs</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 1.8s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Top Freebies of 2013</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 1.9s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Best PSD Freebies Resources</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 2s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Got to Keep Up To Date</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 2.1s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Time To Get Tech Savy</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 2.2s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Great UI Kits</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 2.3s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>What Makes a Good Web Design Standout</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd class="part-item" data-scroll-reveal="enter left and move 50px over 2.4s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Best Blog Post Types</p>
							<article>
								<p>vNew Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco，New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
					</dl>
					
					<dl class="content-left-part" >
						<dt data-scroll-reveal="enter from the bottom after 0.2s">ARCHIVEs By Month</dt>
						<dd data-scroll-reveal="enter left and move 50px over 0.5s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>March (4)</p>
							<article>
								<p>New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd data-scroll-reveal="enter left and move 50px over 0.6s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>April (5)</p>
							<article>
								<p>New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd data-scroll-reveal="enter left and move 50px over 0.7s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>May (3)</p>
							<article>
								<p>New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd data-scroll-reveal="enter left and move 50px over 0.8s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>June (4)</p>
							<article>
								<p>New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd data-scroll-reveal="enter left and move 50px over 0.9s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>July (2)</p>
							<article>
								<p>New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
					</dl>
					
					<dl class="content-left-part">
						<dt data-scroll-reveal="enter from the bottom after 0.2s">ARCHIVEs By Category</dt>
						<dd data-scroll-reveal="enter left and move 50px over 0.5s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>News (4)</p>
							<article>
								<p>New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd data-scroll-reveal="enter left and move 50px over 0.6s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Website Releases (23)</p>
							<article>
								<p>New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd data-scroll-reveal="enter left and move 50px over 0.7s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Events (7)</p>
							<article>
								<p>New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd data-scroll-reveal="enter left and move 50px over 0.8s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Marketing (5)</p>
							<article>
								<p>New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
						<dd data-scroll-reveal="enter left and move 50px over 0.9s">
							<i class="item-icon fa fa-chevron-right"></i>
							<p>Web Development (2)</p>
							<article>
								<p>New Premium WordPress Theme - Blaco,New Premium WordPress Theme - Blaco</p>
							</article>
						</dd>
					</dl>
				</section>
				
				<section class="inner-content-right">
					<article>
						<dl class="content-right-part">
							<dt data-scroll-reveal="enter from the top after 0.2s">About Deliver Theme</dt>
							<dd data-scroll-reveal="enter right wait 0.4s and then ease-in-out 50px">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent justo ligula, interdum ut lobortis quis, interdum vitae metus. Proin fringilla metus non nulla cursus, sit amet rutrum est pretium.</p>
							</dd>
						</dl>
						
						<dl class="content-right-part content-right-popular-posts">
							<dt data-scroll-reveal="enter from the top after 0.2s">Popular Posts</dt>
							<dd class="popular-posts-first"  data-scroll-reveal="enter right wait 0.4s and then ease-in-out 50px">New Premium WordPress Theme - Blaco</dd>
							<hr  data-scroll-reveal="enter right wait 0.1s and then ease-in-out 50px"/>
							<dd  data-scroll-reveal="enter right wait 0.4s and then ease-in-out 50px">Top Web Trends of 2013</dd>
							<hr  data-scroll-reveal="enter right wait 0.1s and then ease-in-out 50px"/>
							<dd  data-scroll-reveal="enter right wait 0.4s and then ease-in-out 50px"> Video Post Example</dd>
							<hr  data-scroll-reveal="enter right wait 0.1s and then ease-in-out 50px"/>
							<dd  data-scroll-reveal="enter right wait 0.4s and then ease-in-out 50px">How Important is Twitter</dd>
							<hr  data-scroll-reveal="enter right wait 0.1s and then ease-in-out 50px"/>
							<dd  data-scroll-reveal="enter right wait 0.4s and then ease-in-out 50px">Home Builders New Planning Solution</dd>
						</dl>
						
						<dl class="content-right-part">
							<dt data-scroll-reveal="enter from the top after 0.2s">Flickr Widget</dt>
							<dd></dd>
						</dl>
						
						<dl class="content-right-part twitter-widget">
							<dt data-scroll-reveal="enter from the top after 0.2s">Twitter Widget</dt>
							<dd data-scroll-reveal="wait 0.4s">
								<span>@</span>
								<a href="#">pixeldude </a>
								<span>What a great design that uses all the latest trends.</span>
								<a href="#">About 1 hr ago</a>
							</dd>
							<hr />
							<dd data-scroll-reveal="wait 0.4s">
								<span>@</span>
								<a href="#">mjreimer </a>
								<span>nice new theme!</span>
								<a href="#">About 6 hrs ago</a>
							</dd>
							<hr />
							<dd data-scroll-reveal="wait 0.4s">
								<span>Time to try out some new design techniquies!</span>
								<a href="#">Yesterday</a>
							</dd>
							<hr />
							<dd data-scroll-reveal="wait 0.4s">
								<span>Follow@</span>
								<a href="#">bestpsdfreebies </a>
							</dd>
						</dl>
					</article>
				</section>
			</div>
		</section>
		<footer class="common-footer">
			<div class="wrapper">
				<div class="common-footer-centent clearfix">
					<article class="common-footer-centent-left">
						<a href="" class="common-header-topbar-logo">
							<img src="img/about/捕获.JPG" data-original="img/about/捕获.JPG" data-scroll-reveal="enter left wait 1s and then ease-in-out 50px">
						</a>
						<div class="common-header-topbar-link clearfix" data-scroll-reveal="enter left and then ease-in-out 50px">
							<i class="fa fa-twitter"></i>
							<i class="fa fa-facebook-f"></i>
							<i class="fa fa-rss"></i>
						</div>
						<p data-scroll-reveal=" then ease-in-out 50px">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida quam quis nunc rutrum placerat. Proin eu mi vitae neque veh interdum id nec turpis nam auctor faucibus sollicitudin.
						</p>
					</article>
					<article>
						<dl>
							<dt data-scroll-reveal="enter top and then ease-in-out 50px">CONTACT INFO</dt>
							<dd data-scroll-reveal="enter bottom and then ease-in-out 50px">222 Ave C South</dd>
							<dd data-scroll-reveal="enter bottom wait 0.2s and then ease-in-out 50px">Saskatoon</dd>
							<dd data-scroll-reveal="enter bottom wait 0.4s and then ease-in-out 50px">Canada S7K 2N5</dd>
							<dd data-scroll-reveal="enter bottom wait 0.6s and then ease-in-out 50px">info@deliver.ca</dd>
							<dt class="num" data-scroll-reveal="enter bottom wait 0.8s and then ease-in-out 50px">1.306.222.3456</dt>
						</dl>
					</article>
					<article>
						<dl class="quicklinks">
							<dt data-scroll-reveal="enter top and then ease-in-out 50px">QUICK LINKS</dt>
							<dd data-scroll-reveal="enter bottom and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>Portfolio</dd>
							<dd data-scroll-reveal="enter bottom wait 0.2s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>About </dd>
							<dd data-scroll-reveal="enter bottom wait 0.4s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>ARCHIVE</dd>
							<dd data-scroll-reveal="enter bottom wait 0.6s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>Blog</dd>
							<dd data-scroll-reveal="enter bottom wait 0.8s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>Dropdown</dd>
							<dd data-scroll-reveal="enter bottom wait 1s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>contact Us</dd>
						</dl>
					</article>
					<article class="common-footer-centent-right">
						<dl>
							<dt data-scroll-reveal="enter right and then ease-in-out 50px">NEWSLTTER</dt>
							<dd data-scroll-reveal="ease-in-out 50px">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
						</dl>
						<input type="text" name="" id="" value="" placeholder="Emali" data-scroll-reveal="enter right and then ease-in-out 50px"/>
						<a href="#" class="ok" data-scroll-reveal="enter right and then ease-in-out 50px">OK</a>
					</article>
				</div>
				<div class="common-footer-button">
					<span class="copyright">
						copyright 2013
						<a href="#">Deliver</a>						
						. All Rights Reserved.
					</span>
					<span class="friendlink">
						<a href="#">ABOUT/</a>
						<a href="#">PRIVACY POLICY/</a>
						<a href="#">CONTACT</a>
					</span>
				</div>
			</div>
		</footer>
		
		<script type="text/javascript" charset="utf-8">
			$(function() {
				$("img").lazyload({
					placeholder: "images/loading.gif",
					effect: "fadeIn"
				});
			});
		</script>
		<script src="dist/core.js" type="text/javascript"></script>
		<script src="vendor/scrollReveal.js"></script>
		<script>
			(function() {
				window.scrollReveal = new scrollReveal({
					reset: true,
					move: '50px'
				});
			})();
		</script>
	</body>
</html>
